<%--
  Created by IntelliJ IDEA.
  User: evans
  Date: 2018/4/25
  Time: 上午12:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>home</title>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/style.css">
</head>
<body>

<h1>www.soico.co-没有中间环节的数币投资平台</h1>

<!-- header -->
<%@include file="top.jsp"%>
<!-- header end -->

<!-- main -->
<div class="project-header clearfix">
    <div class="left">
        <img class="icon" src="img/${project.project_name}.png" alt="">
        <p class="name"><span>${project.project_name}</span><a href="${project.team_info}">访问官网</a></p>
        <div class="details">
            <p class="left-part"><span class="label">已募集</span><span class="text">${project.total_amount} ETH</span></p>
            <p class="right-part"><span class="label">募集时间</span><span class="text"><fmt:formatDate value="${project.ico_start}" pattern="yyyy-MM-dd"/> ~
                            <fmt:formatDate value="${project.ico_end}" pattern="yyyy-MM-dd"/></span></p>
            <p class="left-part"><span class="label">代币</span><span class="text">${project.ico_code}</span></p>
            <p class="right-part"><span class="label">接受币种</span><span class="text">${project.coin_type}</span></p>
            <p class="left-part"><span class="label">参考价格</span><span class="text">${project.reference_price}</span></p>
            <p class="right-part"><span class="label">软顶</span><span class="text">${project.soft_top}</span></p>
            <p class="left-part"><span class="label">平台</span><span class="text">${project.tecnical_platform}</span></p>
            <p class="right-part"><span class="label">硬顶</span><span class="text">${project.hard_top}</span></p>
        </div>
    </div>
    <div class="right">
        <p class="level">综合评级：<span class="big orange">${project.project_level}</span><span class="orange">级</span></p>
        <ul>
            <li id="pieOne"></li>
            <li id="pieTwo"></li>
            <li id="pieThree"></li>
            <li id="pieFour"></li>
        </ul>
        <script src="../../js/echarts.min.js"></script>
        <script>
            /*
             * obj.id: dom的id
              * obj.num: 百分数
              * obj.subtext: 名称
             */
            function makePie (obj) {
                var dom = document.getElementById(obj.id);
                var myChart = echarts.init(dom);
                option = null;

                option = {
                    title: {
                        text: obj.num + '',
                        show: true,
                        left: 'center',
                        top: '12px',
                        textStyle: {
                            fontSize: 24,
                            color: '#15CDFF'
                        },
                        subtext: obj.subtext,
                        subtextStyle: {
                            fontSize: '16',
                            color: '#333'
                        }
                    },
                    color: ['#15CDFF','#fff'],
                    series: [
                        {
                            type:'pie',
                            radius: ['90%', '100%'],
                            avoidLabelOverlap: false,
                            hoverAnimation: false,
                            hoverOffset: 0,
                            legendHoverLink: false,
                            labelLine:{
                                show: false
                            },
                            data:[
                                {value: obj.num},
                                {value: 100 - obj.num}
                            ]
                        }
                    ]
                };
                if (option && typeof option === "object") {
                    myChart.setOption(option, true);
                }
            }
            makePie({
                id: 'pieOne',
                num: ${project.market_score},
                subtext: '市场'
            });
            makePie({
                id: 'pieTwo',
                num: ${project.team_score},
                subtext: '团队'
            });
            makePie({
                id: 'pieThree',
                num: ${project.technical_score},
                subtext: '技术'
            });
            makePie({
                id: 'pieFour',
                num: ${project.sall_score},
                subtext: '销售'
            });
        </script>
        <div class="btns">
            <c:choose>
                <c:when test="${project.project_status== '0'}">
                    <a class="join" onclick="myPop.showDeclare();" href="javascript:;">参与次项目</a>
                </c:when>
                <c:otherwise>
                </c:otherwise>
            </c:choose>
            <a class="down" href="${project.white_book}">白皮书下载</a>
        </div>
    </div>
</div>
<div class="project-main">
    <div class="tabs">
        <a class="active" href="javascript:;">项目介绍</a>
        <a href="javascript:;">项目团队</a>
        <a href="javascript:;">ROADMAP</a>
        <a href="javascript:;">FAQ</a>
    </div>
    <div class="tabcons">
        <div class="con active">
            <p>
                ${project.project_basic_info}
            </p>
        </div>
        <div class="con">
            <p>
                ${project.team_info_text}
            </p>
        </div>
        <div class="con">
            <p>${project.road_map}</p>
        </div>
        <div class="con">
            <p>
                ${project.faq}
            </p>
        </div>
    </div>
</div>
<!-- main end -->

<!-- foot -->
<%@include file="footer.jsp"%>
<!-- foot end -->

<!-- pop -->
<div class="pop-mask"></div>
<div class="pop pop-login">
    <p class="login-title">会员登陆</p>
    <p class="login-title-tip">Log In</p>
    <form action="">
        <input class="input-text user-name" type="text" placeholder="用户名/手机/邮箱">
        <input class="input-text password" type="password" placeholder="密码">
        <div class="verification-code">
            <div class="l-captcha" data-site-key="cf9d6c798e0f89de8461386cd1def20e" data-width="100%" data-height="100%" data-callback="getResponse"></div>
        </div>
        <button class="login-submit" type="submit">点击登陆</button>
    </form>
    <div class="register-forget">没有账号? 去
        <a href="#" onclick="myPop.showRegister();">注册</a>/
        <a href="#" onclick="myPop.showRecover();">忘记密码</a>
    </div>
</div>
<div class="pop pop-recover">
    <p class="login-title">找回密码</p>
    <p class="login-title-tip">Recover a password</p>
    <form action="">
        <input class="input-text user-name" type="text" placeholder="手机号">
        <input class="input-text password" type="password" placeholder="密码">
        <div class="sms-auth margin-t-10">
            <input class="input-text" type="password" placeholder="短信验证码">
            <a class="btn" href="javascript:;">获取验证码</a>
        </div>
        <div class="verification-code">
            <div class="l-captcha" data-site-key="cf9d6c798e0f89de8461386cd1def20e" data-width="100%" data-height="100%" data-callback="getResponse"></div>
        </div>
        <button class="login-submit" type="submit">点击登陆</button>
    </form>
    <div class="register-forget">没有账号? 去
        <a href="#" onclick="myPop.showRegister();">注册</a>/
        <a href="#" onclick="myPop.showRecover();">忘记密码</a>
    </div>
</div>
<div class="pop pop-rigster">
    <p class="login-title">注册</p>
    <p class="login-title-tip">Rigster</p>
    <form action="">
        <input class="input-text user-name" type="text" placeholder="手机号">
        <div class="sms-auth margin-t-10">
            <input class="input-text" type="password" placeholder="短信验证码">
            <a class="btn" href="javascript:;">获取验证码</a>
        </div>
        <div class="verification-code">
            <div class="l-captcha" data-site-key="cf9d6c798e0f89de8461386cd1def20e" data-width="100%" data-height="100%" data-callback="getResponse"></div>
        </div>
        <input class="input-text password" type="password" placeholder="请设置登录密码">
        <input class="input-text password" type="password" placeholder="请确认登录密码">
        <button class="login-submit" type="submit">注册</button>
    </form>
</div>
<div class="pop pop-declare">
    <p class="title">申明</p>
    <p class="text">We don’t oversee projects’ performance, and we don’t mediate disputes between users. Soico.co isn’t liable for any damages or losses related to your use of the Services. We don’t become involved in disputes between users, or between users and any third party relating to the use of the Services. We don’t oversee the performance or punctuality of projects, and we don’t endorse any content users submit to the Site. When you use the Services, you release Soico.co from claims, damages, and demands of every kind — known or unknown, suspected or unsuspected, disclosed or undisclosed — arising out of or in any way related to such disputes and the Services. All content you access through the Services is at your own risk. You’re solely responsible for any resulting damage or loss to any party. Soico.co遵守各国政府对ICO进行监管的政策，Soico.co团队将禁止一切禁止ICO的国家居民进行ICO项目。您确认遵守所在国法律法规，您愿承担由此带来的一切法律后果。</p>
    <div class="checkbox-box">
        <p><input type="checkbox"><span>12131321312313</span></p>
        <p><input type="checkbox"><span>12131321312313</span></p>
        <p><input type="checkbox"><span>12131321312313</span></p>
        <p><input type="checkbox"><span>12131321312313</span></p>
    </div>
    <a class="btn-in btn-no" href="javascript:;">参与此项目</a>
</div>
<div class="pop pop-joinin">
    <a href="javascript:;" class="icon-btn-close">x</a>
    <p class="title">${project.project_name}</p>
    <p class="margin-t-40">${project.project_name}</p>
    <p class="margin-t-40">请充值到以下地址</p>
    <img class="qrcode" src="/wallet/project/${project.pk}?user=${user}&time=${time}&auth=${auth}" alt="">
    <p class="">${project.project_wallet}</p>
    <a class="btn-copy" data-clipboard-text="${project.project_wallet}" href="javascript:;">复制地址</a>
</div>
<!-- pop end -->
<script src="//captcha.luosimao.com/static/js/api.js"></script>
</body>
<!--JS文件-->
<script type="text/javascript" src="../../js/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript" src="../../js/main.js" charset="utf-8"></script>
<%--<script type="text/javascript" src="../../js/jquery.easyui.min.js" charset="utf-8"></script>--%>
<script src="../../js/clipboard.min.js"></script>
<script src="../../js/echarts.min.js"></script>
</html>
